<template>
  <div>
    <h1>{{yule}}</h1>
  </div>
</template>

<script>
import { tabData } from "@/api/tab.js";

export default {
  name: "yule",
  data() {
    return {
      yule: "",
    };
  },
  methods: {
    async Data() {
      let { data } = await tabData("yule");
      this.yule = data;
    },
  },

  created() {
    this.Data();
  },
};
</script>

<style scoped>
/* scoped：让样式只在当前组件内生效.(样式私有化) 不加就会影响到其他组件  */

h1 {
  color: blue;
}
</style>



